// Tiles

.tiles {
  background-color: #fff;

  &__header {

    &.padding-right {
      padding-right: $tiles-header-padding;
    }

    &.padding-left {
      padding-left: $tiles-header-padding;

      .header__inner {
        padding-left: $tiles-header-inner-padding-left;
      }
    }

    .header__inner {
      padding: $tiles-header-inner-padding-y-top $tiles-header-inner-padding-x $tiles-header-inner-padding-y-bottom;
      color: $tiles-header-color-base;
      font-size: $tiles-header-font-size-base;
      font-weight: 600;
      line-height: $tiles-header-line-height-base;
      border-bottom: 1px solid $tiles-header-border-color-base;
    }
  }

  &__body {
    padding: $tiles-body-padding;
  }
}